<link rel="stylesheet" href="lib/codemirror/4.1/lib/codemirror.css">
<link rel="stylesheet" href="app/collection/css/collection.css"/>
<div class="query_main">
    <div class="col-sm-3 query_filter">
        <form class="form">
            <div class="form-group">
                <label for="query_q">q:</label>
                <textarea ng-model="query_q" id="query_q" class="form-control"></textarea>
            </div>
            <div class="form-group">
                <label for="query_fq">fq:</label>
                <input type="text" ng-model="query_fq" id="query_fq" class="form-control" />
            </div>
            <div class="form-group">
                <label for="query_fq">sort:</label>
                <input type="text" ng-model="query_sort" id="query_sort" class="form-control" />
            </div>
            <div class="form-group">
                <label for="query_start">start,row:</label>
                <div>
                    <div class="col-sm-6" style="padding: 0;padding-right: 5px;">
                        <input type="text" ng-model="query_start" id="query_start" class="form-control" />
                    </div>
                    <div class="col-sm-6" style="padding: 0; padding-left: 5px;">
                        <input type="text" ng-model="query_row" id="query_row" class="form-control" />
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="form-group">
                <label for="query_fl">fl:</label>
                <input type="text" ng-model="query_fl" id="query_fl" class="form-control" />
            </div>
            <div class="form-group">
                <label for="query_fq">wt:</label>
                <select class="form-control" ng-model="query_wt">
                    <option value="json">json</option>
                    <option value="xml">xml</option>
                </select>
            </div>
            <div class="form-group">
                <input type="checkbox" id="query_hl" ng-model="query_hl"/>
                <label for="query_hl">hl</label>
            </div>
            <div class="query_filter_sub" ng-show="query_hl">
                <div class="form-group">
                    <label for="query_hl_fl">hl.fl</label>
                    <input type="text" id="query_hl_fl" ng-model="query_hl_fl" class="form-control"/>
                </div>
                <div class="form-group">
                    <label for="query_hl_simple_pre">hl.simple.pre</label>
                    <input type="text" id="query_hl_simple_pre" ng-model="query_hl_simple_pre" class="form-control"/>
                </div>
                <div class="form-group">
                    <label for="query_hl_simple_post">hl.simple.post</label>
                    <input type="text" id="query_hl_simple_post" ng-model="query_hl_simple_post" class="form-control"/>
                </div>
            </div>
            <div class="form-group">
                <input type="checkbox" id="query_spellcheck" ng-model="query_spellcheck"/>
                <label for="query_spellcheck">spellcheck</label>
            </div>
            <div class="query_filter_sub" ng-show="query_spellcheck">
                <div class="form-group">
                    <label for="query_spellcheck_directory">spellcheck.directory</label>
                    <input type="text" id="query_spellcheck_directory" ng-model="query_spellcheck_directory" class="form-control"/>
                </div>
                <div class="form-group">
                    <label for="query_spellcheck_count">spellcheck.q</label>
                    <input type="text" id="query_spellcheck_count" ng-model="query_spellcheck_count" class="form-control"/>
                </div>
                <div class="form-group">
                    <input type="checkbox" id="query_spellcheck_onlyMorePopular" ng-model="query_spellcheck_onlyMorePopular" />
                    <label for="query_spellcheck_onlyMorePopular">spellcheck.onlyMorePopular</label>
                </div>
                <div class="form-group">
                    <input type="checkbox" id="query_spellcheck_collate" ng-model="query_spellcheck_collate" />
                    <label for="query_spellcheck_collate">spellcheck.collate</label>
                </div>
            </div>
            <button type="submit" class="btn" ng-class="{'btn-primary':!quering, 'btn-default':quering}" ng-disabled="quering" ng-click="query()">
                Execute Query
                <span class=""></span>
            </button>
        </form>
    </div>
    <div class="col-sm-9 query_result">
        <textarea id="result_editor" name="result_editor"></textarea>
    </div>
    <div class="clearfix"></div>
</div>